@charset "utf-8";
@function vw($vw) {
    @return $vw / 750 * 100+vw;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

.box {
    width: vw(750);
    height: vw(1333);
    background: url("../img/背景图.png") center no-repeat;
    .imgBox {
        width: vw(750);
        position: absolute;
        top: vw(120);
        img {
            width: vw(300);
            display: block;
            margin: 0 auto;
        }
    }
    .main {
        width: vw(750);
        text-align: center;
        position: absolute;
        top: vw(500);
        input {
            font-weight: bolder;
            width: vw(500);
            height: vw(75);
            border: none;
            border-radius: vw(70);
            outline: none;
            background-color: rgb(196, 231, 249);
            text-indent: 2em;
        }
        p {
            font-size: vw(27);
        }
    }
    .main1 {
        width: vw(750);
        text-align: center;
        position: absolute;
        top: vw(630);
        input {
            font-weight: bolder;
            width: vw(500);
            height: vw(75);
            border: none;
            border-radius: vw(70);
            outline: none;
            background-color: rgb(196, 231, 249);
            text-indent: 2em;
        }
        p {
            font-size: vw(27);
        }
    }
    .main2 {
        width: vw(750);
        text-align: center;
        position: absolute;
        top: vw(765);
        input {
            font-weight: bolder;
            width: vw(500);
            height: vw(75);
            border: none;
            border-radius: vw(70);
            outline: none;
            background-color: rgb(196, 231, 249);
            text-indent: 2em;
        }
        p {
            font-size: vw(27);
        }
    }
    .btn {
        position: absolute;
        top: vw(900);
        text-align: center;
        width: vw(750);
        display: flex;
        justify-content: space-evenly;
        button {
            width: vw(200);
            height: vw(75);
            color: rgb(18, 125, 196);
            border-radius: vw(70);
            border: none;
            outline: none;
            background-color: rgb(179, 213, 230);
            box-shadow: 2px 2px 2px gray;
        }
        button:hover {
            cursor: pointer;
        }
    }
}